/**
 * @description 头部页面的模板数据
 */
const headerDefaultData = {
  version: '001',
  base: {
    title_flag: true,
    title_img_flag: true,
    title_img_url: "http://codegen.caihongy.cn/20241008/fbafeed7f8ba433a89d57f0ca0d7eaf5.jpg",
    time_format: "YYYY-MM-DD HH:mm:ss",
    notice_type: "2",
    notice_flag: true,
    notice_text: '公告',
  },
  css: `
/* 页面容器 */
.layout-container {
  min-height: 100vh;
  padding: 20px 20px 20px 226px;
  margin: 0px;
  position: relative;
  background: #E2E2E2;
}

/* 头部 */
.header-wrapper {
  position: relative;
  width: 100%;
  height: 100px;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #2F3644;
  color: #FFFFFF;
  font-size: 14px;


  /* 图片 */
  .title-box .img {
    width: 40px;
    height: 40px;
    margin: 0 0 0 20px;
  }


  /* 标题 */
  .title-box {
    flex: 1 1 auto;
    order: 1;

    .title {
      color: #FFFFFF;
      font-size: 24px;
      font-weight: 700;
    }
  }

  /* 时间 */
  .time-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px 0 0;
    order: 2;
  }

  /* 天气 */
  .weather-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0 10px 0 0;
    order: 3;
  }

  /* 公告二：跑马灯 */
  .notice-box {
    display: flex;
    justify-content: center;
    align-items: center;
    order: 4;

    .notice-title {
      background: url(http://codegen.caihongy.cn/20241127/c547b955933b433f9581d5129de46038.webp);
      height: 80px;
      width: 80px;
    }

    .notice-content {
      width: 300px;
      height: 40px;
      font-size: 14px;
      flex: 1 1 auto;
      color: #FFFFFF;
      background: none;
      border: 0 solid #91caff;
      padding: 8px 12px;
      line-height: initial;
      border-radius: 0;
    }
  }

  /* 公告一：按钮 */
  .notice1-box {
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    line-height: 1.5714285714285714;
    height: 32px;
    padding: 0px 7px;
    border-radius: 6px;
    order: 4;

    &:hover {
      color: rgba(0, 0, 0, 0.88);
      background: rgba(0, 0, 0, 0.06);
    }
  }

  /* 用户信息 */
  .avatar-box {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    order: 5;

    .avatar {
      width: 50px;
      height: 50px;
      border: 1px solid transparent;
      margin-right: 10px;
    }

    .header-wrapper .avatar-box .name {
      font-size: 14px;
      color: inherit;
    }
  }

}
  `
}

export default headerDefaultData